

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml" class="agent-pc theme-w theme-wblack">


<!-- Mirrored from mo005-13163.mo5.line1.uemo.net/page/238892/ by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 04 Jan 2022 05:36:21 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<head>

    <meta charset="utf-8">
    
    <meta name=renderer content=webkit>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <title>Subscribe  - mo005_13163</title>

    <meta name="keywords" content="网站模板,企业模板,企业网站">

    <meta name="description" content="Subscribe ">

    <meta name="author" content="YY-MO">

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

    <meta content="yes" name="apple-mobile-web-app-capable" />

    <meta content="black" name="apple-mobile-web-app-status-bar-style" />

    <meta name="format-detection" content="telephone=no"/>


    
    <link rel="shortcut icon" href="http://resources.jsmo.xin/templates/upload/8019/201809/1537516630858.ico" />

    
    <link rel="stylesheet" type="text/css" href="../../templates/upload/editorPageStyle.css">
    <link rel="stylesheet" type="text/css" href="../../templates/ue_content/templates/css/lib2.css">

    <link rel="stylesheet" type="text/css" href="../../templates/ue_content/templates/css/style.13163.css">

    <link rel="stylesheet" type="text/css" href="../../templates/ue_content/templates/css/designer/des.13163.css">
        <link rel="stylesheet" type="text/css" href="../../templates/upload/13163/theme/wblack.css" id="themeCssPath">
     
    <link rel="stylesheet" type="text/css" href="../../ucss.css" id="ucssurl">
    <script type="text/javascript" src="../../script/jquery.min.js"></script>
            <script type="text/javascript" src="../../p/mo5/org.1494058893.js" data-main="baseMain"></script>
        
    <script type="text/javascript" src="../../templates/ue_content/templates/script/plugs.js"></script>
    <script type="text/javascript" src="../../templates/ue_content/templates/script/u/13163.js"></script>

    <script>

        if (window.location.origin.indexOf('uemo.net') != -1) {

             document.domain = "uemo.net"; 

        } else if (window.location.origin.indexOf('jsmo.xin') != -1) {

             document.domain = "jsmo.xin"; 

        }

    </script>

    

</head> 

<body id="longPage" class="gh0  longPage   bodypage cn nobanner" data-uid="13163" data-form="61d3dbd900039">

    <div class="bodyMask"><div class="wow"></div></div>

    <div id="header" class="u-site-header"> <div class="wrapper"> <div class="content"> 

        <div id="headTop" class="u-head_top">

            <a href="../../index-2.html" id="logo" class="u-site-logo">

                <img src="../../templates/upload/13163/201902/1550732809292.jpg" height="44" />

                <div style="display:none;">

                    <h1>mo005_13163</h1>

                    <h2>摄影模板网站生成</h2>

                </div>

            </a>

     

    <div id="hcontact" class="fr u-h_contact"><i class="fa fa-phone"></i> 

    <p><span class="telNum">86-1524328</span><br />

    <a href="mailto:touch@studio.com">touch@studio.com</a></p> </div>

    
     
        <div id="search-header" class="searchGroup">

            <div class="search_wrap">

                <div class="searchOnOff">

                    <i class="fa fa-search" aria-hidden="true"></i>

                </div>

                <div class="searchBox">

                    <div class="searchFormGroup">

                        <input type="text" aria-label="搜索" placeholder="搜索" autocorrect="off" autocapitalize="off" autocomplete="off" spellcheck="false" />

                        <div class="searchSub"><span>搜索</span><i class="fa fa-search" aria-hidden="true"></i></div>

                    </div>

                    <div class="searchClose"><i class="fa fa-times" aria-hidden="true"></i></div> 

                </div>

            </div>                                                  

        </div>

    
     <div id="openBtn" class="fl btn u-btn--open_nav"> <div class="lcbody"> <div class="lcitem top"> <div class="rect top"></div> </div> <div class="lcitem center hide"> <div class="rect bottom"></div> </div><div class="lcitem bottom"> <div class="rect bottom"></div> </div> </div> </div> </div> <div id="navWrapper" class="u-nav-wrapper"> 

    

<div class="content">

    <ul class="nav movedx" data-movedx-mid="1">  <li class="navitem"> <a  href="../../index-2.html" target="_self"> <span data-title="Home">Home</span> </a></li> <li class="navitem"> <a  href="../../list/id/146378/index.html" target="_self"> <span data-title="Projects">Projects</span> </a></li> <li class="navitem"> <a  href="../../list/id/146390/index.html" target="_self"> <span data-title="Park  display">Park  display</span> </a></li> <li class="navitem"> <a  href="../../list/id/146383/index.html" target="_self"> <span data-title="News Center">News Center</span> </a></li> <li class="navitem"> <a  class="active"  href="javascript:;" target=""> <span data-title="About Us">About Us</span> <i class="fa fa-angle-down"></i></a> <ul class="subnav">  <li> <a  href="../270068/index.html" target="_self">Information</a></li>  <li> <a  href="../../list/id/146388/index.html" target="_self">Our Artists</a></li>  <li> <a  href="../../list/id/146391/index.html" target="_self">Documentary interview</a></li>  <li> <a  class="active"  href="index.html" target="_self">Subscribe </a></li>  <li> <a  href="../../list/id/146387/index.html" target="_self">Partner</a></li> </ul></li> <li class="navitem"> <a  href="../contact/index.html" target="_self"> <span data-title="Contact Us">Contact Us</span> </a></li><li class="navitem" style="display:none"> <a class="active"></a></li></ul>



     
        <div id="search-nav" class="searchGroup oldSearch">

            <div class="search_wrap">

                <div class="searchOnOff">

                    <i class="fa fa-search" aria-hidden="true"></i>

                </div>

                <div class="searchBox">

                    <div class="searchFormGroup">

                        <input type="text" aria-label="搜索" placeholder="搜索" autocorrect="off" autocapitalize="off" autocomplete="off" spellcheck="false" />

                        <div class="searchSub"><span>搜索</span><i class="fa fa-search" aria-hidden="true"></i></div>

                    </div>

                    <div class="searchClose"><i class="fa fa-times" aria-hidden="true"></i></div> 

                </div>

            </div>                     

        </div>

    
</div> </div> <div class="clear"></div>

 </div> </div> </div> <div id="sitecontent" class="ff_sitecontent"> 



 


    <div id="navMini" class="u-nav--mini">

        <div class="wrapper">

            <div class="content">

                <div id="minHeadTop" class="u-min_head_top">

                    <a href="../../index-2.html" id="minLogo">

                        <img src="../../templates/upload/13163/201902/1550732809292.jpg" height="44" />

                        <div style="display:none;">

                            <h1>mo005_13163</h1>

                            <h2>摄影模板网站生成</h2>

                        </div>

                    </a>

                        

                        
                            <div id="minHcontact" class="fr">

                                <i class="fa fa-phone"></i>

                                <p>

                                    <span class="telNum">86-1524328</span>

                                    <br/>

                                    <a href="mailto:touch@studio.com">touch@studio.com</a>

                                </p>

                            </div>

                         

                        <div id="min-search-header" class="searchGroup">

                            <div class="search_wrap">

                                <div class="searchOnOff">

                                    <i class="fa fa-search" aria-hidden="true"></i>

                                </div>

                                <div class="searchBox">

                                    <div class="searchFormGroup">

                                        <input type="text" aria-label="搜索" placeholder="搜索" autocorrect="off" autocapitalize="off" autocomplete="off" spellcheck="false"/>

                                        <div class="searchSub"><span>搜索</span><i class="fa fa-search" aria-hidden="true"></i></div>

                                    </div>

                                    <div class="searchClose"><i class="fa fa-times" aria-hidden="true"></i></div>

                                </div>

                            </div>

                        </div>

                    
                    <div id="minOpenBtn" class="fl btn">

                        <div class="lcbody">

                            <div class="lcitem top">

                                <div class="rect top"></div>

                            </div>

                            <div class="lcitem bottom">

                                <div class="rect bottom"></div>

                            </div>

                        </div>

                    </div>

                </div>

                <div id="minNavWrapper">

                    <div class="content">

                        <div id="minNavScroll" class="u-nav_scroll--min">

                            <ul class="nav movedx" data-movedx-mid="1"> 

                                
                                <li class="navitem" data-id="0"> 

                                    <a  href="../../index-2.html" target="_self">

                                        <span data-title="Home">Home</span> 

                                    
                                    </a>

                                    
                                    </li>

                                    
                                <li class="navitem" data-id="1"> 

                                    <a  href="../../list/id/146378/index.html" target="_self">

                                        <span data-title="Projects">Projects</span> 

                                    
                                    </a>

                                    
                                    </li>

                                    
                                <li class="navitem" data-id="2"> 

                                    <a  href="../../list/id/146390/index.html" target="_self">

                                        <span data-title="Park  display">Park  display</span> 

                                    
                                    </a>

                                    
                                    </li>

                                    
                                <li class="navitem" data-id="3"> 

                                    <a  href="../../list/id/146383/index.html" target="_self">

                                        <span data-title="News Center">News Center</span> 

                                    
                                    </a>

                                    
                                    </li>

                                    
                                <li class="navitem" data-id="4"> 

                                    <a  class="active"  href="javascript:;" target="">

                                        <span data-title="About Us">About Us</span> 

                                    
                                            <i class="fa fa-angle-down"></i>

                                        </a>

                                        <ul class="subnav" data-parent-id="4"> 

                                            
                                            <li>

                                                <a  href="../270068/index.html" target="_self">

                                                    Information

                                                </a>

                                            </li>

                                            
                                            <li>

                                                <a  href="../../list/id/146388/index.html" target="_self">

                                                    Our Artists

                                                </a>

                                            </li>

                                            
                                            <li>

                                                <a  href="../../list/id/146391/index.html" target="_self">

                                                    Documentary interview

                                                </a>

                                            </li>

                                            
                                            <li>

                                                <a  class="active"  href="index.html" target="_self">

                                                    Subscribe 

                                                </a>

                                            </li>

                                            
                                            <li>

                                                <a  href="../../list/id/146387/index.html" target="_self">

                                                    Partner

                                                </a>

                                            </li>

                                            
                                        </ul>

                                    
                                    </li>

                                    
                                <li class="navitem" data-id="5"> 

                                    <a  href="../contact/index.html" target="_self">

                                        <span data-title="Contact Us">Contact Us</span> 

                                    
                                    </a>

                                    
                                    </li>

                                    
                                </ul>

                        </div>



                        <div id="min-search-nav" class="searchGroup">

                            <div class="search_wrap">

                                <div class="searchOnOff">

                                    <i class="fa fa-search" aria-hidden="true"></i>

                                </div>

                                <div class="searchBox">

                                    <div class="searchFormGroup">

                                        <input type="text" aria-label="搜索" placeholder="搜索" autocorrect="off" autocapitalize="off" autocomplete="off" spellcheck="false"

                                        />

                                        <div class="searchSub"><span>搜索</span><i class="fa fa-search" aria-hidden="true"></i></div>

                                    </div>

                                    <div class="searchClose"><i class="fa fa-times" aria-hidden="true"></i></div>

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

                <div class="clear"></div>

            </div>

        </div>

    </div> 
















<script> 

    var searchAddr = window.location.origin + '/search/s/';

    function jumpToSearch ($el){

        var searchInfor = encodeURIComponent(encodeURIComponent($el.val())) + '/';

        window.open(searchAddr + searchInfor);

    }

    $('.searchGroup .searchSub').click(function (){

        

        jumpToSearch($(this).parent().find('input'));

        return false;

    });

    $('.searchGroup input').on({

        'keydown': function (ev){

            if (ev.keyCode == 13) {

                jumpToSearch($(this));

            }

        },

        'blur': function () {

            var _this = this;

            setTimeout(function() {

                $(_this).val("");

            },200);

        }

    });

</script>

 


<style>



/* 表单样式 */

    input[type="checkbox"],input[type="radio"] {

        display: none;

    }

    .formPage #banner img {

        max-width: 100%;

        height: auto;

    }

    .formPage .container_header .subtitle,.formPage .container_header .title {

        text-align: center;

    }



    .formPage .module_container {

        padding-top: 60px;

        padding-bottom: 30px;

    }



    .formPage .postbody {

        margin-bottom: 0;

        padding: 0 10%;

    }



    .formPage .postbody.editorDes {

        font-size: 16px;

        line-height: 26px;

    }



    input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {

        color: #acacac;

    }



    input:-moz-placeholder,textarea:-moz-placeholder {

        color: #acacac;

    }



    input:-ms-input-placeholder,textarea:-ms-input-placeholder {

        color: #acacac;

    }



    .mo-form-list {

        max-width: 700px;

        padding: 30px 0;

        margin: 0 auto;

    }



    .mo-input-item:after {

        content: "";

        display: block;

        clear: both;

    }



    .mo-input-item.error input::-webkit-input-placeholder,.mo-input-item.error textarea::-webkit-input-placeholder,.mo-input-item.error input::-moz-placeholder,.mo-input-item.error textarea::-moz-placeholder,.mo-input-item.error input:-moz-placeholder,.mo-input-item.error textarea:-moz-placeholder,.mo-input-item.error input:-ms-input-placeholder,.mo-input-item.error textarea:-ms-input-placeholder {

        color: #9f3a38;

    }



    .mo-input-item.error input {

        background: #fff6f6;

        border-color: #e0b4b4;

        border-radius: '';

        box-shadow: none;

    }



    .mo-input-items {

        width: 100%;

        position: relative;

        padding: 8px 0;

    }



    .mo-input-title {

        position: relative;

        font-size: 14px;

        float: left;

        line-height: 34px;

        color: #60676b;

        margin-right: 10px;

        width: 110px;

        text-align: right;

        min-height: 34px;

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

        padding-right: 10px;

        box-sizing: border-box

    }



    .mo-input-wrap {

        width: calc(100% - 120px);

        box-sizing: border-box;

    }



    ._mo_requiredInput .mo-input-title:after {

        content: "*";

        position: absolute;

        right: 0px;

        color: red;

        top: 0;

    }



    .mo-input-tip {

        font-size: 14px;

        line-height: 16px;

        padding-top: 6px;

    }



    .mo-input-tip.mo-errorMes {



        color: #ff5151;

    }



    .mo-type-text .mo-input-title {

        line-height: 40px;

        padding-right: 10px;

        box-sizing: border-box;

    }



    .mo-text-wrap {

        float: left;

        padding-right: 30px;

        -webkit-box-sizing: border-box;

        box-sizing: border-box;

    }



    .mo-text.mo-code input {

        width: 128px;

    }



    .mo-text.mo-code img {

        vertical-align: -11px;

        margin-left: 10px;

        display: none;

        cursor: pointer;
        width: auto;
    }



    .mo-text.mo-code .icon {}



    .mo-text input {

        width: 100%;

        -webkit-box-sizing: border-box;

        box-sizing: border-box;

        font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;

        margin: 0;

        outline: 0;

        tap-highlight-color: rgba(255, 255, 255, 0);

        line-height: 1.21428571em;

        padding: .67857143em 1em;

        font-size: 1.25em;

        background: #fff;

        border: 1px solid rgba(34, 36, 38, .15);

        color: rgba(0, 0, 0, .87);

        border-radius: .28571429rem;

        -webkit-box-shadow: 0 0 0 0 transparent inset;

        box-shadow: 0 0 0 0 transparent inset;

        -webkit-transition: color .1s ease, border-color .1s ease, outline .36s ease;

        transition: color .1s ease, border-color .1s ease, outline .36s ease;

    }



    .mo-checkbox-wrap {

        display: inline-block;

        vertical-align: middle;

        line-height: 34px;

        float: left;

        width: calc(100% - 120px);

        padding-right: 30px;

        -webkit-box-sizing: border-box;

        box-sizing: border-box;

    }



    .mo-checkbox {

        display: inline-block;

        margin-right: 10px;

    }



    .mo-checkbox .mo-inputName {

        padding-left: 1.85714em;

        color: #60676b;

        -webkit-transition: color .1s ease;

        transition: color .1s ease;

        cursor: auto;

        position: relative;

        display: block;

        outline: 0;

        font-size: 14px;

        line-height: 16px;

        cursor: pointer;

    }



    .mo-checkbox .mo-inputName:after {

        content: "";

        position: absolute;

        top: 0;

        left: 0;

        width: 14px;

        height: 14px;

        border: 1px solid rgba(34, 36, 38, .15);

        border-radius: .28571429rem;

        z-index: 2;

        background: #fff;

    }



    .mo-checkbox.checked .mo-inputName:before {

        content: "\f00c";

        font: normal normal normal 14px/1 FontAwesome;

        position: absolute;

        top: 0;

        left: 0;

        margin: 1px 0 0 1px;

        z-index: 3;

    }



    .mo-radio-wrap {

        display: inline-block;

        padding-top: 8px;

    }



    .mo-radio {

        display: inline-block;

        margin-right: 10px;

    }



    .mo-radio .mo-inputName {

        padding-left: 1.85714em;

        color: #60676b;

        -webkit-transition: color .1s ease;

        transition: color .1s ease;

        cursor: auto;

        position: relative;

        display: block;

        outline: 0;

        font-size: 14px;

        line-height: 16px;

        cursor: pointer;

        display: inline-block;

    }



    .mo-radio .mo-inputName:after {

        content: "";

        position: absolute;

        top: 0;

        left: 0;

        width: 14px;

        height: 14px;

        border: 1px solid rgba(34, 36, 38, .15);

        border-radius: 50%;

        background: #fff;

    }



    .mo-radio.checked .mo-inputName:before {

        content: "";

        font: normal normal normal 16px/1 FontAwesome;

        position: absolute;

        width: 6px;

        height: 6px;

        background: #60676b;

        border-radius: 50%;

        top: 5px;

        left: 5px;

        z-index: 2;

    }



    .mo-select-wrap {

        display: inline-block;

        vertical-align: middle;

        line-height: 34px;

        position: relative;

    }



    .mo-select-wrap select {

        display: none;

    }



    .mo-select {

        width: 150px;

        position: relative;

    }



    .mo-fakeSelect {

        position: relative;

        width: 100%;

        -webkit-box-sizing: border-box;

        box-sizing: border-box;

        border: 1px solid rgba(34, 36, 38, .15);

        border-radius: .28571429rem;

    }



    .mo-option-selected {

        position: relative;

        padding-left: 10px;

        -webkit-box-sizing: border-box;

        box-sizing: border-box;

        cursor: pointer;

        background: #fff;

        border-radius: 2px;

        color: rgb(172, 172, 172);

    }



    .mo-option-selected:after {

        content: "\f078";

        font: normal normal normal 14px/1 FontAwesome;

        font-size: inherit;

        line-height: 30px;

        text-rendering: auto;

        position: absolute;

        right: 10px;

        top: 0;

    }



    .mo-fakeoptions {

        display: none;

        width: 100%;

        border: 1px solid rgba(34, 36, 38, .15);

        background: #fff;

        cursor: pointer;

        box-sizing: border-box;

        z-index: 20;

    }



    .mo-fakeoption {

        border-bottom: 1px solid rgba(34, 36, 38, .15);

        padding-left: 10px;

        -webkit-box-sizing: border-box;

        box-sizing: border-box;

        -webkit-transition: all .1s ease;

        transition: all .1s ease;

        display: block;

    }



    .mo-textarea-wrap {

        display: inline-block;

        vertical-align: middle;

        line-height: 34px;

        padding-right: 30px;

    }



    .mo-textarea textarea {

        width: 100%;

        margin: 0;

        tap-highlight-color: rgba(255, 255, 255, 0);

        padding: .78571429em 1em;

        border: 1px solid rgba(34, 36, 38, .15);

        outline: 0;

        color: rgba(0, 0, 0, .87);

        border-radius: .28571429rem;

        -webkit-transition: color .1s ease, border-color .1s ease;

        transition: color .1s ease, border-color .1s ease;

        font-size: 1.25em;

        line-height: 1.2857;

        -webkit-box-sizing: border-box;

        box-sizing: border-box;

        background: #fff;

    }



    .mo-button input {

        border: 1px solid;

        width: 100px;

        line-height: 34px;

        font-size: 14px;

        background: #ede9e9;

        border-radius: 2px;

        border-color: #ccc;

        cursor: pointer;

        color: #888;

        transition: 0.36s ease;

        vertical-align: middle;

    }



    .mo-button input:hover {

        background: #f9f3f3;

        border-color: #d9d9d9;

    }





    .mo-fakeSelect[data-optionpos="top"] .mo-fakeoptions {

        position: absolute;

        bottom: 100%;

    }



    .mo-fakeSelect[data-optionpos="bottom"] .mo-fakeoptions {

        position: absolute;

        top: 100%;

    }



    #formmask {

        position: fixed;

        top: 0;

        left: 0;

        z-index: 999;

        background: rgba(198, 198, 198, 0.27);

        bottom: 0;

        right: 0;

    }



    .formMesBox {

        position: absolute;

        width: 300px;

        height: 100px;

        background: rebeccapurple;

        left: 50%;

        top: 50%;

        transform: translate(-50%, -90%);

    }



    .formTip {

        font-size: 14px;

        line-height: 36px;

        vertical-align: middle;

        display: inline-block;

    }



    .formTip .icon {

        display: none;

        font-size: 20px;

        text-align: center;

        margin: 0 10px;

    }



    .formTip .mes {

        line-height: 36px;

        display: inline-block;

        vertical-align: 2px;

        display: none;

    }



    .formTip.loading .icon {

        display: inline-block;

        animation: fa-spin 2s infinite linear;

    }



    .formTip.loading .icon:before {}



    .formTip.suc .icon {

        display: inline-block;

    }



    .formTip.suc .icon:before {

        content: "\f058";

        color: #1d9d74;

    }



    .formTip.error .icon {

        display: inline-block;

        color: #ff5151;

    }



    .formTip.error .mes {

        color: #ff5151;

    }



    .formTip.error .icon:before {

        content: "\f057";

        color: #ff5151;

        display: inline-block;

    }



    .formPage .mo-fakeoptions {

        max-height: 200px;

        overflow: auto;

    }



    .bodypage .formPage #banner+.content .module_container .container_content {

        width: 100%;

    }



    .theme-b .formPage .mo-input-title {

        color: #8a8a8a;

    }



    .theme-b .mo-radio.checked .mo-inputName:before {

        background: rgb(172, 172, 172);

    }

    .theme-b .mo-checkbox.checked .mo-inputName:before {

        color: rgb(172, 172, 172);

    }

    .theme-b .formPage .mo-textarea textarea {

        background: #313131;

        border: 1px solid rgba(121, 121, 121, .29);

        color: rgba(125, 125, 125, .87)

    }



    .theme-b .formPage .mo-button input {



        border: 1px solid rgba(115, 115, 115, .21);

        background: #313131;

    }



    .theme-b .formPage .mo-button input:hover {

        background: #474747;

        color: #bababa;

    }



    .theme-b .formPage .mo-fakeoption {}







    .theme-b .formPage .mo-text input {

        border: 1px solid rgba(115, 115, 115, .21);

        background: #313131;

        color: rgb(172, 172, 172);

    }



    .theme-b .formPage .mo-fakeoptions {

        background: #313131;

        border: 1px solid rgba(115, 115, 115, .21);

    }



    .theme-b .formPage .mo-fakeoption {

        transition: 0.36s ease;

        border-color: rgba(115, 115, 115, .21);

    }



    .theme-b .formPage .mo-fakeoption:hover {

        background: #474747;

        color: #bababa;

    }



    .theme-b .formPage .mo-fakeSelect {

        background: #313131;

        border: 1px solid rgba(115, 115, 115, .21);

    }



    .theme-b .formPage .mo-radio .mo-inputName:after {

        border: 1px solid rgba(115, 115, 115, .21);

        background: #313131;

    }



    .theme-b .formPage .mo-checkbox .mo-inputName:after {

        background: #313131;

        border: 1px solid rgba(115, 115, 115, .21);

    }

    .theme-b .mo-option-selected {

        background: #313131;

    }

</style>

<script>

    // form

    var MOFORM = (function () {



        $.fn.extend({



            tabActive2: function (config) {

                let evTarget, box,

                    initConfig = {

                        target: '',

                        box: '',

                        className: 'active',

                        initFn: function () {},

                        inFn: function () {},

                        outFn: function () {},

                        tabFn: function () {},

                        type: 1

                    };



                config = $.extend(initConfig, config);



                evTarget = config.target ? $(this).closest(config.target) : $(this);

                if (!config.box) {

                    config.type = 'single';

                } else {

                    box = evTarget.closest(config.box);

                }

                config.initFn();



                switch (initConfig.type) {

                    // 1 -- 点击可以再次取消，但是一次只能点击一个

                    case 1:



                        if (evTarget.hasClass(config.className)) {



                            evTarget.removeClass(config.className);

                            config.outFn.call(evTarget, evTarget);

                        } else {



                            let currentEl = box.find(config.target + '.' + config.className);



                            currentEl.removeClass(config.className);

                            config.outFn.call(currentEl, currentEl);



                            evTarget.addClass(config.className);

                            config.inFn.call(evTarget, evTarget);

                        }

                        break;



                        // 2 -- 至少选中一个

                    case 2:



                        if (evTarget.hasClass(config.className)) {



                            config.inFn.call(evTarget, evTarget);

                            return;

                        } else {

                            let currentEl = box.find(config.target + '.' + config.className);



                            config.outFn.call(currentEl, currentEl);

                            currentEl.removeClass(config.className);



                            evTarget.addClass(config.className);

                            config.inFn.call(evTarget, evTarget);

                        }

                        break;



                        // 可以多选

                    case 3:



                        if (evTarget.hasClass(config.className)) {

                            evTarget.removeClass(config.className);

                            config.outFn.call(evTarget, evTarget);

                        } else {

                            evTarget.addClass(config.className);

                            config.inFn.call(evTarget, evTarget);

                        }

                        break;



                    case 'single':



                        if (evTarget.hasClass(config.className)) {



                            evTarget.removeClass(config.className);

                            config.outFn.call(evTarget, evTarget);

                        } else {



                            evTarget.addClass(config.className);

                            config.inFn.call(evTarget, evTarget);

                        }

                        break;



                    default:

                        break;

                }



                config.tabFn.call(evTarget);

            }

        });

        $.extend({

            /**

             * 获取元素能够存放的位置

             * @param {DOMString} reldom 以这个元素为基础，进行判断

             * @param {DOMString} box 以这个元素为容器，进行判断 

             * @param {String} priorotu 优先方向

             */

            freeZone: function (reldom, box, priority) {

                let domInfor = $(this)[0].getBoundingClientRect(),

                    reldomInfor = $(reldom)[0].getBoundingClientRect(),

                    boxInfor = $(box)[0].getBoundingClientRect(),

                    freeInfor, styleInfor;



                freeInfor = {

                    top: reldomInfor.top - boxInfor.top > domInfor.height,

                    bottom: boxInfor.bottom - reldomInfor.bottom > domInfor.height,

                    left: reldomInfor.left - boxInfor.left > domInfor.width,

                    right: boxInfor.right - reldomInfor.right > domInfor.width,

                };



                styleInfor = {

                    top: {

                        position: absolute,

                        top: auto,

                        right: auto,

                        left: 0,

                        bottom: '100%'

                    }

                }



                if (freeInfor[priority]) {

                    return {

                        first: priority,

                        infor: freeInfor

                    };

                }



                for (const key in freeInfor) {

                    if (freeInfor.hasOwnProperty(key)) {

                        const infor = freeInfor[key];

                        if (infor) {

                            return {

                                first: key,

                                infor: freeInfor

                            };

                        }

                    }

                }

            }

        });

        var MOFORM = function (el, option) {

            this.dom = $(el);

            this.dom.data('mofrom', this);

            this.option = option;

        };



        MOFORM.prototype = {

            constructor: MOFORM,

            initForm: function () {

                this.initCheckBox();

                this.initRadio();

                this.initSelectInput();

                return this;

            },

            initCheckBox: function (el) {

                var checkBoxs = el ? $(el) : this.dom.find('.mo-checkbox-wrap');

                $(checkBoxs).each(function (i, e) {

                    $(e).on('click.checkbox', '.mo-checkbox', function (ev) {

                        var checkboxWrap = ev.delegateTarget;



                        $(this).tabActive2({

                            className: 'checked',

                            box: checkboxWrap,

                            type: 3,

                            inFn: function (target) {

                                target.find('input[type="checkbox"]').prop(

                                    'checked', true)

                            },

                            outFn: function (target) {

                                target.find('input[type="checkbox"]').prop(

                                    'checked', false)

                            }

                        });

                    })

                });

            },

            initRadio: function (el) {

                var radioBoxs = el ? $(el) : this.dom.find('.mo-radio-wrap');

                $(radioBoxs).each(function (i, e) {

                    $(e).find('.mo-radio').eq(0).addClass('checked').find('input[type="radio"]').prop("checked",true)



                    $(e).on('click.radio', '.mo-radio', function (ev) {

                        var radioWrap = ev.delegateTarget;



                        $(this).tabActive2({

                            className: 'checked',

                            box: radioWrap,

                            type: 2,

                            inFn: function (target) {

                                // console.log(target.find('input[type="radio"]'));

                                target.find('input[type="radio"]').prop("checked",true);

                            }

                        });

                    })

                });

            },

            initSelectInput: function (el) {

                var _self = this,

                    selectInputBoxs = el ? $(el) : this.dom.find('.mo-select-wrap');



                $(selectInputBoxs).each(function (i, e) {

                    var selectInpt = $(e).find('select'),

                        fakeSelect;

                    // console.log($('.agent-mobile'));

                    if ($('.agent-mobile').length) {



                        selectInpt.css({

                            display: 'block',

                            position: 'absolute',

                            top: 0,

                            width: '100%',

                            height: '100%',

                            opacity: 0

                        });

                        selectInpt.on('change', function () {

                            // console.log('change', $(this).value);

                            $(this).closest('.mo-select')

                                .find('.mo-option-selected')

                                .text($(this).children('option:selected').val());

                        })

                    } else {



                        selectInpt.hide();

                    }

                    fakeSelect = _self.setSelectInputDom(selectInpt);



                    $(fakeSelect).insertBefore(selectInpt);

                });

            },

            getSelectInputInfor: function (el) {



                var result = {},

                    options = $(el).find('option'),

                    optionTexts = $.map(options, function (e, i) {

                        return $(e).text();

                    }),



                    selectOption = options.filter(':selected');



                result.optionTexts = optionTexts;

                result.selectOption = selectOption;

                return result;

            },

            setSelectInputDom: function (el) {

                var _self = this,

                    options = $(el).find('option'),

                    fakeSelect,

                    _fakeSelect,

                    optionTexts;



                _fakeSelect = '<div class="mo-fakeSelect">';

                _fakeSelect += '<div class="mo-option-selected">';

                _fakeSelect += options.filter(':selected').text();

                _fakeSelect += '</div>';

                _fakeSelect += '<div class="mo-fakeoptions"></div>';

                _fakeSelect += '</div>';



                fakeSelect = $(_fakeSelect);



                optionTexts = $.map(options, function (e, i) {

                    var text = $(e).text(),

                        fakeoption;



                    fakeoption = $('<span class="mo-fakeoption">' + text + '</span>')

                        .data('realOption', e)

                        .data('realSelect', el);



                    $(e).data('fakeOption', fakeoption)

                        .data('fakeSelect', fakeSelect);



                    fakeoption.appendTo(fakeSelect.find('.mo-fakeoptions'));

                    return text;

                });



                fakeSelect.on('click.select', '.mo-fakeoption', function (ev) {

                    var selectWrap = ev.delegateTarget;

                    var fakeSelect = $(this).closest(".mo-fakeSelect");

                    var realOption = $(this).data('realOption');

                    $(realOption).prop('selected', true).siblings('option').prop('selected',

                        false);

                    if (fakeSelect.find('.mo-fakeoptions:visible')[0]) {



                        fakeSelect.find('.mo-fakeoptions').slideUp();

                    }

                    _self.selectChange(el)

                    return false;

                });

                fakeSelect.on('click.onOff', '.mo-option-selected', function () {

                    var fakeSelect = $(this).closest(".mo-fakeSelect");

                    if (fakeSelect.find('.mo-fakeoptions:visible')[0]) {



                        fakeSelect.find('.mo-fakeoptions').slideUp();

                    } else {

                        if ($(".mo-fakeoptions").height() + ($(".mo-fakeSelect").offset().top -

                                $('body').scrollTop()) >=

                            ($(window).height() - 58)) {

                            $(".mo-fakeSelect").attr("data-optionpos", "top");

                        } else {

                            $(".mo-fakeSelect").attr("data-optionpos", "bottom");

                        }

                        // 关闭其他菜单
                        $('.formPage .mo-fakeoptions').slideUp();

                        fakeSelect.find('.mo-fakeoptions').slideDown();

                    };



                    $('body').off('click.closeSelect').on('click.closeSelect', function () {

                        fakeSelect.find('.mo-fakeoptions').slideUp();

                    });

                    return false;

                });



                return fakeSelect;

            },

            selectChange: function (el) {

                var selectOption = $(el).find('option:selected');

                fakeSelect = selectOption.data('fakeSelect');



                $(fakeSelect).find('.mo-option-selected').text(selectOption.text());

            }

        };



        // 依赖 MOFORM

        var MOFORMC = {

            rightEv: function () {},

            endCheck: function (allOk) {

                if (allOk) {

                    this.rightEv();

                } else {



                }

            },

            initCheckRule: function (rulesInfor) {

                var _self = this;

                

                $.each(rulesInfor, function (i, v) {

                    var rules = v.rules,

                        checkInput = _self.dom.find('input[data-rules="' + v.identifier + '"]');

                    if (typeof checkInput == 'undefined' || checkInput.length == 0) return;



                    $(checkInput).each(function (j, e) {



                        var _input = e,

                            isOk, errorPrompt;

                        $(e).on('blur.check', function () {



                            $.each(rules, function (k, r) {

                                isOk = _self.inputRunCheck(_input, r);

                                if (isOk && $(_input).attr('data-notempty') == 1) {

                                    isOk = _self.inputRunCheck(_input, {

                                        rule: 'notempty',

                                        prompt: '该项不能为空'

                                    });

                                }

                                if (isOk) {



                                } else {



                                    errorPrompt = v.prompt;

                                    return false;

                                }



                            });

                            _self.setInputMes(_input, errorPrompt, isOk);

                        })

                    });

                });

                this.rulesInfor = rulesInfor;

            },

            inputRunCheck: function (dom, ruleInfor) {

                return this.inputCheckMethod[ruleInfor.rule](dom, ruleInfor);

            },

            inputCheckMethod: {

                regExpMethods: {

                    email: /[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?/,

                    number: /^$|^(\-|\+)?[0-9]+(\.[0-9]+)?$/,

                    text: /^$|^\S+$/,

                    // text: /^$|^[\u4E00-\u9FA5A-Za-z]+$/,

                    notempty: /\S/,

                    numcode: /^[0-9]{4}$/

                },

                regExps: function (input, infor) {



                    var checkType = infor.rule,

                        val = $(input).val().trim(),

                        formItem = $(input).closest('.mo-input-item'),

                        tipBox = formItem.find('.mo-input-tip'),

                        isOk = true;



                    if ((this.regExpMethods[checkType].test(val))) {

                        

                        if (formItem.hasClass('error')) {



                            formItem.removeClass('error').attr('data-' + checkType + '', 'true');

                            tipBox.text('');

                        }

                        isOk = true;

                    } else {

                        // console.log(this.regExpMethods[checkType], val, this.regExpMethods[checkType].test(val));



                        formItem.addClass('error').attr('data-' + checkType + '', 'false');

                        tipBox.text(infor.prompt);

                        isOk = false;

                    }

                    return isOk;

                },

                notempty: function (input, infor) {

                    // console.log($(input).val());

                    return this.regExps(input, infor)

                },

                number: function (input, infor) {



                    return this.regExps(input, infor)

                },

                email: function (input, infor) {



                    return this.regExps(input, infor)

                },

                text: function (input, infor) {



                    return this.regExps(input, infor)

                },

                numcode: function (input, infor) {



                    return this.regExps(input, infor)

                }

            },

            runCheck: function (rightEv, errorEv) {

                var _self = this,

                    allOk = true,

                    fistError;

                $.each(this.rulesInfor, function (i, v) {

                    var rules = v.rules,

                        checkInput = _self.dom.find('input[data-rules="' + v.identifier + '"]');

                    if (typeof checkInput == 'undefined' || checkInput.length == 0) return;



                    $(checkInput).each(function (j, e) {



                        var _input = e,

                            isOk, errorPrompt;

                        $.each(rules, function (k, r) {

                            isOk = _self.inputRunCheck(_input, r);

                            if (isOk && $(_input).attr('data-notempty') == 1) {

                                isOk = _self.inputRunCheck(_input, {

                                    rule: 'notempty',

                                    prompt: '该项不能为空'

                                });

                            }

                            if (isOk) {



                            } else {



                                errorPrompt = v.prompt;

                                if (allOk) {

                                    allOk = false;

                                    fistError = v

                                }

                                return false;

                            }



                        });

                        _self.setInputMes(_input, errorPrompt, isOk);

                    });

                    _self.endCheck(allOk);

                });

                if (allOk) {

                    rightEv && rightEv()

                } else {

                    errorEv && errorEv()

                }

            },

            setInputMes(input, errorPrompt, isOk) {

                if (isOk) {



                } else {}

            }

        };



        $.extend(true, MOFORM.prototype, MOFORMC);



        return MOFORM;

    })();



    function setCodeImg() {

        $('#codeImg').attr('src', function () {

            return $(this).data('src') + '?' + (+new Date());

        }).show();

    }

    $(function () {

        var moForm = new MOFORM('.mo-form').initForm(),

            formTip = $('#formTip'),

            formmask;



        moForm.initCheckRule([{

            identifier: 'email',

            rules: [{

                rule: 'email',

                prompt: '请输入邮箱'

            }],

        }, {

            identifier: 'string',

            rules: [{

                rule: 'text',

                prompt: '此项不能为数字、以及非法字符'

            }]

        }, {

            identifier: 'number',

            rules: [{

                rule: 'number',

                prompt: '请输入数字'

            }]

        }, {

            identifier: 'numcode',

            rules: [{

                rule: 'numcode',

                prompt: '请输入正确的验证码'

            }]

        }]);



        var submitBtn = $('#mo-submit input');

        setCodeImg();

        $('#codeImg').click(function () {

            setCodeImg();

        });

        submitBtn.on('click', function () {

            if ($(this).data('preventDubble')) return;

            $(this).data('preventDubble', true);



            var status = 'error',

                mes = "错误";



            moForm.runCheck(function () {

                // console.log('checkEnd');

                formTip.removeClass('suc error').addClass('loading');

                $.ajax({

                    type: "POST",

                    url: window.location.origin + "/message/formpage",

                    data: $('.mo-form').serialize(),

                    success: function (msg) {

                        msg = JSON.parse(msg);

                        if (msg.code == '0') {

                            status = 'suc';

                            mes = '提交成功';



                            formTip.removeClass('loading').addClass(status);

                            formTip.find('.mes').text(mes);

                            submitBtn.data('preventDubble', false);

                            setCodeImg();

                        } else {



                            status = 'error';

                            mes = '请检查表单';



                            formTip.removeClass('loading').addClass(status);

                            formTip.find('.mes').text(mes);

                            submitBtn.data('preventDubble', false);

                            setCodeImg();

                        }



                    },

                    error: function () {

                        status = 'error';

                        mes = '请检查网络';



                        formTip.removeClass('loading').addClass(status);

                        formTip.find('.mes').text(mes);

                        submitBtn.data('preventDubble', false);

                    }

                })

            }, function () {

                

                            submitBtn.data('preventDubble', false);

                            formTip.addClass('error');

                            formTip.find('.mes').text('请检查表单是否填写正确');

            });

        })

    })

</script>

<div class="npagePage pageEditor formPage">

    
    <div class="content">

        <div class="mFormPage module">

            <div class="module_container">

                <div class="container_header wow">

                    <p class="title">Subscribe </p>

                    
                    <p class="subtitle">订阅内容</p>

                    
                </div>

                <div class="container_content">

                    <div class="content_wrapper">

                        <div class="postbody"><p style="text-align: center;"><span style="font-size: 24px;">联系我们</span></p><p><br/></p><p style="text-align: center;">If you&#39;d like to discuss a new project, learn more about our &nbsp;works or 
just say hello, please get in touch. We would love to hear from you. 
Besides, if you want to publish any of our projects, please contact us 
at : <strong>touch@studio.com</strong></p><p><br/></p><p style="text-align: center;">Pro studio 是一間設計範疇涵蓋平面 、 包裝 、數位的設計工作室，致力於創作質樸洗鍊並具有創新思維的設計作品，歡迎與我們聯繫討論合作、演講邀約，也歡迎分享我們的作品，</p><p style="text-align: center;">如有任何合作需求，請聯繫：<strong>touch@studio.com</strong></p><p><br/></p></div>

                    </div>

                </div>

                <div class="formInputList">

                    <form class="mo-form">

                        <input type="hidden" name="pageid" value="238892">

                        <ul class="mo-form-list">



                            
                                
                                    <li class="mo-form-item">

                                        <div class="mo-input-items">

                                            <div class="mo-input-item mo-type-text ">

                                                <div class="mo-input-title">姓名</div>

                                                <div class="mo-text-wrap mo-input-wrap">

                                                    <div class="mo-text">

                                                        <input type="text" 

                                                            name="text1517214051563" 

                                                            data-rules="string" 

                                                            data-notempty="0" 

                                                            class="text" 

                                                            placeholder="输入姓名">

                                                    </div>

                                                    <div class="mo-input-tip mo-errorMes">

                                                    </div>

                                                </div>

                                            </div>

                                        </div>

                                    </li>

                                
                                
                                
                                
                                                                

                            
                                
                                    <li class="mo-form-item">

                                        <div class="mo-input-items">

                                            <div class="mo-input-item mo-type-text ">

                                                <div class="mo-input-title">邮箱</div>

                                                <div class="mo-text-wrap mo-input-wrap">

                                                    <div class="mo-text">

                                                        <input type="text" 

                                                            name="text1517214173288" 

                                                            data-rules="string" 

                                                            data-notempty="0" 

                                                            class="text" 

                                                            placeholder="">

                                                    </div>

                                                    <div class="mo-input-tip mo-errorMes">

                                                    </div>

                                                </div>

                                            </div>

                                        </div>

                                    </li>

                                
                                
                                
                                
                                                                

                            
                                
                                
                                     <li class="mo-form-item">

                                        <div class="mo-input-items">

                                            <div class="mo-input-item">

                                                <div class="mo-input-title">职业</div>

                                                <div class="mo-radio-wrap mo-input-wrap">

                                                    
                                                    <div class="mo-radio">

                                                        <input type="radio" name="radio1517214294044" value="专业设计师" id="">

                                                        <span class="mo-inputName">专业设计师</span>

                                                    </div>

                                                    
                                                    <div class="mo-radio">

                                                        <input type="radio" name="radio1517214294044" value="设计爱好者" id="">

                                                        <span class="mo-inputName">设计爱好者</span>

                                                    </div>

                                                    
                                                </div>

                                            </div>

                                        </div>

                                    </li>

                                
                                
                                
                                                                

                            
                                
                                
                                
                                
                                
                                    <li class="mo-form-item">

                                        <div class="mo-input-items">

                                            <div class="mo-input-item">

                                                <div class="mo-input-title">留言内容</div>

                                                <div class="mo-textarea-wrap mo-input-wrap">

                                                    <div class="mo-textarea">

                                                        <textarea name="textarea1517214080905" id="" cols="30" rows="10" placeholder=""></textarea>

                                                    </div>

                                                </div>

                                            </div>

                                        </div>

                                    </li>

                                                                

                            
                            <li class="mo-form-item">

                                <div class="mo-input-items">

                                    <div class="mo-input-item mo-type-text _mo_requiredInput">

                                        <div class="mo-input-title">验证码</div>

                                        <div class="mo-text-wrap mo-input-wrap">

                                            <div class="mo-text mo-code">

                                                <input type="text" name="code" data-rules="numcode" placeholder="请输入验证码" autocomplete="off" id="verification">

                                                <img id="codeImg" data-src="/message/code" src="#">

                                            </div>

                                            <div class="mo-input-tip mo-errorMes">

                                            </div>

                                        </div>

                                    </div>

                                </div>

                            </li>

                            <li class="mo-form-item">

                                <div class="mo-input-items">

                                    <div class="mo-input-item">

                                        <div class="mo-input-title"></div>

                                        <div class="mo-button-wrap mo-input-wrap">

                                            <div id="mo-submit" class="mo-button">

                                                <input type="button" value="提交">

                                                <div id="formTip" class="formTip">

                                                    <i class="icon fa fa-spinner" aria-hidden="true"></i>

                                                    <span class="mes"></span>

                                                </div>

                                            </div>

                                        </div>

                                    </div>

                                </div>

                            </li>

                        <!--

                            <li class="mo-form-item">

                                <div class="mo-input-items">

                                    <div class="mo-input-item mo-type-text">

                                        <div class="mo-input-title">输入项</div>

                                        <div class="mo-text-wrap mo-input-wrap">

                                            <div class="mo-text">

                                                <input type="text" data-rules="email" class="text" placeholder="nininin">

                                            </div>

                                            <div class="mo-input-tip mo-errorMes">

                                            </div>

                                        </div>

                                    </div>

                                </div>

                            </li>

                            <li class="mo-form-item">

                                <div class="mo-input-items">

                                    <div class="mo-input-item">

                                        <div class="mo-input-title">输入项</div>

                                        <div class="mo-checkbox-wrap mo-input-wrap">

                                            <div class="mo-checkbox">

                                                <input type="checkbox" name="" id="">

                                                <span class="mo-inputName">项目1</span>

                                            </div>

                                            <div class="mo-checkbox">

                                                <input type="checkbox" name="" id="">

                                                <span class="mo-inputName">项目2</span>

                                            </div>

                                            <div class="mo-checkbox">

                                                <input type="checkbox" name="" id="">

                                                <span class="mo-inputName">项目3</span>

                                            </div>

                                        </div>

                                    </div>

                                </div>

                            </li>

                            <li class="mo-form-item">

                                <div class="mo-input-items">

                                    <div class="mo-input-item">

                                        <div class="mo-input-title">输入项</div>

                                        <div class="mo-radio-wrap mo-input-wrap">

                                            <div class="mo-radio">

                                                <input type="radio" name="" id="">

                                                <span class="mo-inputName">项目1</span>

                                            </div>

                                            <div class="mo-radio">

                                                <input type="radio" name="" id="">

                                                <span class="mo-inputName">项目2</span>

                                            </div>

                                            <div class="mo-radio">

                                                <input type="radio" name="" id="">

                                                <span class="mo-inputName">项目3</span>

                                            </div>

                                        </div>

                                    </div>

                                </div>

                            </li>

                            <li class="mo-form-item">

                                <div class="mo-input-items">

                                    <div class="mo-input-item">

                                         <div class="mo-input-title">输入项</div>

                                        <div class="mo-select-wrap mo-input-wrap">

                                            <div class="mo-select">

                                                <select>

                                                    <option value="volvo">Volvo</option>

                                                    <option value="saab">Saab</option>

                                                    <option value="opel">Opel</option>

                                                    <option value="audi">Audi</option>

                                                </select>

                                            </div>

                                        </div>

                                    </div>

                                </div>

                            </li>

                            <li class="mo-form-item">

                                <div class="mo-input-items">

                                    <div class="mo-input-item">

                                        <div class="mo-input-title">输入项</div>

                                        <div class="mo-textarea-wrap mo-input-wrap">

                                            <div class="mo-textarea">

                                                <textarea name="" id="" cols="30" rows="10"></textarea>

                                            </div>

                                        </div>

                                    </div>

                                </div>

                            </li>

                            <li class="mo-form-item">

                                <div class="mo-input-items">

                                    <div class="mo-input-item">

                                        <div class="mo-input-title"></div>

                                        <div class="mo-button-wrap mo-input-wrap">

                                            <div class="mo-button">

                                                <input type="button" value="提交">

                                            </div>

                                        </div>

                                    </div>

                                </div>

                            </li>

                        -->

                        </ul>

                    </form>

                </div>

            </div>

        </div>

    </div>

</div>

 

</div>


<div id="footer">
    <p>
        <span class="ellipsis">
            COPYRIGHT (©) 2022 mo005_13163. 
        </span>
        <a class="beian" href="https://beian.miit.gov.cn/#/Integrated/index" rel="nofollow" style="color: #363636;vertical-align: top;margin-left: 10px;display: inline-block;" target="_blank">
            
        </a>
            </p>
</div>

    <div id="shares" class="u-shares">
        <a href="http://service.weibo.com/share/share.php?appkey=3206975293&amp;"  rel="nofollow" target="_blank" id="sweibo">
            <i class="fa fa-weibo"></i>
        </a>
        <a href="javascript:;" id="sweixin" class="u-s_weixin"><i class="fa fa-mobile"></i></a>
        <a href="javascript:;" id="gotop" class="u-go_top"><i class="fa fa-angle-up"></i></a>
    </div>
    <div class="fixed u-fixed_weixin" id="fixed_weixin">
        <div class="fixed-container">
            <div id="qrcode"></div>
            <p>扫描二维码分享到微信</p>
        </div>
    </div>

    
    <div id="online_open" class="u-online_open"><i class="fa fa-comments-o"></i></div>
    <div id="online_lx" class="u-online_lx">
        <div id="olx_head" class="u-olx_head">在线咨询
            <i class="fa fa-times fr" id="online_close"></i>
        </div>

        
        <ul id="olx_qq" class="u-olx_qq">

                        
            <li>
                <a href="tencent://message/?uin=40080000&Site=uelike&Menu=yes">
                    <i class="fa fa-qq"></i>40080000
                </a>
            </li>

            
        </ul>

        
        
                <div id="olx_tel" class="u-olx_tel">
            <div><i class="fa fa-phone"></i>联系电话</div>
            <p>86-1524328<br/></p>
        </div>
            </div>

    

<a id="openAssist" href="javascript:;" class="u-open_assist"><i class="icon iconfont icon-add"></i></a>
<div id="assistBtn" class="u-assist_btn">
    <a href="javascript:;" onclick="$('html,body').scrollTop(0);return false;"><i class="fa fa-angle-up"></i></a>
    <a class="_fa-tel" href="tel:86-1524328"><i class="fa fa-phone"></i></a>
    <a class="_fa-qq" href="mqqwpa://im/chat?chat_type=wpa&uin=&version=1"><i class="fa fa-qq"></i></a>
</div>
<div class="hide">

        <script id="footerjs" src="../../templates/upload/13163/13163.js" type="text/javascript"></script>
        
    <script src="../../templates/upload/copyright.js" type="text/javascript"></script>
    <script src="../../templates/upload/mvideo.js" type="text/javascript"></script>
</div>
</body>

<!-- Mirrored from mo005-13163.mo5.line1.uemo.net/page/238892/ by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 04 Jan 2022 05:36:21 GMT -->
</html>





